﻿a{ color: #666;}
a:hover{ text-decoration: none;}
body {
	color: #7c7c7c;
	 background:#eee; 
	font-family:"Microsoft Yahei";
}
.bg{overflow: hidden; padding: 20px 0;}
.bgf{ background: #fff;}
.top-bar {
	background:#FAFAFA;
	border-bottom:1px solid #EAEAEA;
	color:#666;
	line-height:36px;
}
.top-bar a.myorder {

	text-decoration:none;

	display:block;

	background:#eee;

	float:right;

	font-size: 14px;

	color:#666;

	padding: 0 15px;

}
.top-bar .in,.header .in {

	margin:0 auto;

	width:1200px;

	position:relative;

}
.header li img{
     display:none;
    }

.header li:hover img{
        display:block;

}
.top-bar iframe {
	position:absolute;
	left:320px; top:6px;
}
.top-bar .in,.header .in {
	margin:0 auto;
	width:1200px;
	position:relative;
}
#navFixed{

	width: 100%;

	position: fixed;

	top: 0;

	display: none;

	z-index: 1000;

	border: none;

	box-shadow: 0 2px 10px rgba(0,0,0,.1)

}
.header {
	/*height:100px;
	background-color:#fff;
	overflow:hidden;
	position:relative;
	padding-top:20px;
}*/
	/*height:76px;*/

	background-color:#fff;

	overflow:hidden;

	position:relative;

	border-bottom: 1px solid #ee5e00;

}
.header .logo {
	width:360px;
	height:90px;
	float:left;
	background:url(logo.png) center center no-repeat;
}
.header .ltext{

	float: left;

	font-size: 16px;

	color: #888;

	line-height: 60px;

}
.header .nav {
	float:left;
	text-align: center;
	width: 50%;
	white-space:nowrap

}
.header .nav a {
	display:inline-block;
	padding:20px 30px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	
}
.header .nav a:hover {
	color:#999;
}
.header .nav li {
	display:inline-block;
	padding:20px 30px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	color:#999;
}
.header .nav li:hover {
	color:#4FAD26;
}
.header .myorder {
	text-decoration:none;
	border:1px solid #d8d8d8;
	display:block;
	background:#eee;
	padding:10px 20px;
	float:right;
	margin:20px 20px 0 0;
	color:#004499;
}
.header .myorder:hover {
	background:#fff;
	color:#000;
}
.banner {
	height:350px;
	overflow:hidden;
	position:relative;
}
#banner_box {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	z-index:10;
}

.swiper-slide a{ display:block; height:350px;}
.swiper-slide a.a1{ background:url(1.jpg) center center no-repeat;background-size:cover;}
.swiper-slide a.a2{ background:url(2.jpg) center center no-repeat;background-size:cover;}
.swiper-slide a.a3{ background:url(3.jpg) center center no-repeat;background-size:cover;}
.swiper-slide a.a4{ background:url(4.jpg) center center no-repeat;background-size:cover;}

.search-area{ position:relative; margin:0 auto; width:1200px; height:350px;}
.search-form {
	background:#fff;
	padding:20px 30px;
	color:#fff;
	position:absolute;
	top:80px;
	left:0px;
	z-index:110;
	border-radius:6px;
}
.search-form .ipt-txt {
	border:1px solid #97C82A;
	height:36px;
	line-height:36px;
	padding:0px 4px;
	width:212px;
}
.search-form .ipt-btn {
	background:none repeat scroll 0% 0% #97C82A;
	font-size:14px;
	border:1px solid #97C82A;
	color:#fff;
	font-weight:700;
	cursor:pointer;
	height:38px;
	width:76px;
}
.hotclick {
	line-height:30px;
	color:#666;
	font-size:14px;
}
.hotclick a {
	display:inline-block;
	padding-right:10px;
	color:#666;
	font-size:12px;
}
#brand_box {
	}
#brand_list {
	height:60px;
	line-height:60px;
	position: relative;
}
#brand_list li {
	text-align:center;
	overflow:hidden;
	float: left;
	cursor:pointer;
	width: 120px;
	height: 60px;
}
#brand_list li:first-child{ font-size: 20px; font-weight: bold;}
#brand_list .brand_selected:first-child{ color: #97C82A ;}

#brand_list li div {
	margin: 0 auto;
	display: inline-block; 
	vertical-align: middle;
}
#brand_more{ float: right; }

.icon-apple{ background: transparent url(brand.png) no-repeat scroll 0 0; width: 23px; height: 30px; }
.brand_selected .icon-apple{ background-position: -44px 0; }
.icon-sansung{ background: transparent url(brand.png) no-repeat scroll 0 -50px; width: 92px; height: 30px; }
.brand_selected .icon-sansung{ background-position: -105px -50px; }
.icon-xiaomi{ background: transparent url(brand.png) no-repeat scroll 0 -98px; width: 30px; height: 31px;}
.brand_selected .icon-xiaomi{ background-position: -40px -98px; }
.icon-huawei{ background: transparent url(brand.png) no-repeat scroll 0 -220px; width: 40px; height: 30px;}
.brand_selected .icon-huawei{ background-position: -57px -220px; }
.icon-htc{ background: transparent url(brand.png) no-repeat scroll 0 -182px; width: 52px; height: 18px;}
.brand_selected .icon-htc{ background-position: -72px -182px; }
.icon-sony{ background: transparent url(brand.png) no-repeat scroll 0 -269px; width: 84px; height: 15px;}
.brand_selected .icon-sony{ background-position: -102px -269px }
.icon-meizu{ background: transparent url(brand.png) no-repeat scroll 0 -353px; width: 81px; height: 15px;}
.brand_selected .icon-meizu{ background-position: -90px -353px; }
.icon-oppo{ background: transparent url(brand.png) no-repeat scroll 0 -313px; width: 92px; height: 15px;}
.brand_selected .icon-oppo{ background-position: -99px -313px; }
.icon-vivo{ background: transparent url(brand.png) no-repeat scroll 0 -400px; width: 60px; height: 15px;}
.brand_selected .icon-vivo{ background-position: -60px -400px; }
.icon-more{ background: transparent url(brand.png) no-repeat scroll -88px -12px; width: 25px; height: 5px;}
.brand_selected .icon-more{ background-position: -133px -12px; }
.icon-coolpad{ background: transparent url(brand.png) no-repeat scroll 0 -426px; width: 73px; height: 15px;}
.brand_selected .icon-coolpad{ background-position:-80px -426px; }
.icon-zte{ background: transparent url(brand.png) no-repeat scroll 0 -447px; width: 40px; height: 20px;}
.brand_selected .icon-zte{ background-position:-60px -447px; }
.icon-nubia{ background: transparent url(brand.png) no-repeat scroll 0 -473px; width:96px; height: 24px;}
.brand_selected .icon-nubia{ background-position:-100px -473px; }
.brand_content {
	clear: both;
	width:100%;
	border:1px solid #c9c9c9;
	overflow:hidden;
}
.brand_content li{ float: left;width:20%;}
.brand_content li a{
	border:2px solid #fff;
	display:block;
	height:320px;
	overflow:hidden;
	width:80%;
	margin:0 10%;
	text-align: center;
}
.brand_content a.all {
	clear:both;
	color:#5B0;
	line-height: 320px;;
	font-size:20px;
	text-align:center;
}
.brand_content .hover{ 
	display: none;
	margin-right: 75px;
	text-align: right;
}
.brand_content p{ font-size: 16px; margin-top: -7px; line-height: 32px;}


.brand_content img {
	display: block;
	margin: 30px auto 10px;
	height: 234px;
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari 和 Chrome */
  -o-transition: all .3s; /* Opera */
}
.brand_content li a:hover{
	border-color:#97C82A;
	transition: border .7s;
  -moz-transition: border .7s; /* Firefox 4 */
  -webkit-transition: border .7s; /* Safari 和 Chrome */
  -o-transition: border .7s; /* Opera */
	
}
.brand_content li a:hover>div{
	transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari 和 Chrome */
  -o-transition: all .3s; /* Opera */
  display: block;
  color: #fff;
  background: #97C82A;
  text-align: left;
  height: 66px;
  padding: 5px;
  box-sizing: border-box;
}

.brand_content li a:hover .hover {
  transition: display .5s;
  -moz-transition: display .5s; /* Firefox 4 */
  -webkit-transition: display .5s; /* Safari 和 Chrome */
  -o-transition: display .5s; /* Opera */
  display: block;
}

.brand_content li a:hover img {
	margin-top: 20px;
	margin-bottom: 0px;
}
.brand_content h2{

	word-break:break-all;
}
.brand_content li a:hover h2{ text-align: center; line-height: 32px;}


.product_img,.product_desc {
	display:inline-block;
	vertical-align:middle;
}
.container .product .baseinfo{

	border-top:3px solid #ee5e00;
}
#product_content {
	border:1px solid #EAEAEA;
	border-top:3px solid #97C82A;
	overflow:hidden;
	padding:30px;
}
#product_content dl dt {
	font-weight:700;
	font-size:14px;
	line-height:40px;
	color:#575757;
}
#product_content ul {
	padding-left:10px;
}
#product_content li {
	vertical-align:middle;
	text-align:center;
	width:170px;
	background:#fafafa;
	cursor:pointer;
	margin-left:8px;
	position:relative;
	display:inline-block;
	height:98px;
}
#product_content li:hover{ background-color: #ffece5;}

#product_content .choix-inner {
	position:absolute;
	padding:12px 5px;
	border-radius:2px;
	left:0px;
	top:0px;
	border:1px solid #EAEAEA;
	z-index:999;
}
#product_content .choix-mask {
	height:72px;
	min-height:72px;
	width:158px;
	overflow:hidden;
}
#product_content .choix-mask:hover {
	height:auto!important
}
#product_content .choix-name {
	font-size:16px;
	line-height:28px;
	color:#666;
	white-space:nowrap;
}
#product_content .choix-name.no-desc {
	line-height:68px;
}
#product_content .choix-desc {
	color:#999;
	line-height:20px;
}
#product_content .ok {
	display:none;
	position:absolute;
	z-index:10;
	bottom:0;
	right:0;
	background:url(../images/ok.png) no-repeat;
	width:17px;
	height:17px
}
#product_content .selected .choix-inner {
	border-color:#fe622a;
	color:#fe622a
}
#product_content .selected .ok {
	display:block;
}
#product_content .selected div {
	color:#fe622a
}
#product_content ul.unset {
	background:#ff0000;
}
.well {
	padding:30px 0;
	display:none;
	text-align:center;
}
.well .ipt-btn {
	background:none repeat scroll 0% 0% #FE622A;
	font-size:16px;
	border:1px solid #FE622A;
	cursor:pointer;
	height:48px;
	color:#fff;
	font-weight:700;
	width:220px;
}
.tab span {
	display:inline-block;
	*display:inline;
	padding:0 10px;
}
.tab .active {
	background:#efefef;
}
.tab-container .panel-container {
	background:#fff;
	border:solid #666 1px;
	padding:10px;
	-moz-border-radius:0 4px 4px 4px;
	-webkit-border-radius:0 4px 4px 4px;
}
.product_list {
	margin: 30px 0;
	overflow:hidden;
}
.product_list a {
	background:#FAFAFA;
	border-radius:5px;
	display:block;
	border:1px solid #d0d0d0;
	height:100px;
	padding:10px;
	overflow:hidden;
	display:block;
	float:left;
	width:210px;
	margin:4px;
}
.product_list a img {
	float:left;
	margin-right:10px;
}
.product_list a .name {
	overflow:hidden;
	text-overflow:ellipsis;
	width:150px;
}
#backtotop {
	position:fixed;
	bottom:50px;
	left:50%;
	margin-left:600px;
	display:none;
	cursor:pointer;
	background:url(b_top.png) no-repeat;
	height:35px;
	width:35px;
	z-index:9999;
}
#backtotop:hover {
	background-position:-35px 0;
}
h1.title{

	font-size: 22px;

	color: #ee5e00;

	line-height: 60px;

	margin-top: 30px;

}
#security {
	/*background:url("security.png") center center no-repeat;
	height:120px;*/
		overflow: hidden;

	margin-bottom: 30px;

	box-shadow: 0 1px 6px #ccc;

}
#security .nod {

	float:left;

	width:33.2%;

	border-left: 1px solid #ccc;

	text-align: center;

}
#security .nod:first-child{

	border-left: none;

}
#security .nod img{

	width: 100%;

}
#security .nod span {

	font-size:16px;

	font-weight:bold;

	color:#555;

}
#security .nod p {

	color:#888;

	margin: 15px 0;

}

#flink {
	line-height:40px;
	text-align:center;
	height: 40px;
}
#footer .menu a {
	display:inline-block;
	margin:0 10px;
}

.side{ 
	width: 200px; float: left;
	min-height:450px;
	margin:0 20px 30px 0;  
}

#main-menu{ 
	border:1px solid #e6e6e6; 
	background: #fff; 
	margin-bottom: 20px; 	
	border-left: none;
	border-right: none;
}
.menu li{ line-height: 44px; }
.menu li a,.menu li h2{ font-size: 14px; border: 1px solid #e6e6e6; border-top: medium none; display: block; text-decoration: none; padding-left: 30px; color:#27ae60; } 
.menu li a:hover{ background:#27ae60; color:#fff; }
.menu h2{ font-weight: bold; cursor:pointer; position: relative; border:1px solid #e6e6e6}
.menu h2:first-child{ border-top: medium none;}
.menu .icon{ background: url(menu_icon.png) -26px 0 no-repeat; position: absolute; width: 16px; height: 16px; right: 13px; top:13px;}
.menu .active .icon{ background-position: 0 0;}
.menu .i{ 
width: 0;
height: 0;
border-style: dashed dashed dashed solid;
border-width: 22px 0 22px 20px;
border-color: transparent transparent transparent #27ae60;
overflow: hidden;
position: absolute;
left: -1px;
top: 0;
z-index: 1;
}
.menu .dropdown-menu{ display: none;}
.menu .active .dropdown-menu{ display: block;}

.service{ background: #fff; padding:5px 10px 40px; }
.service h2{ height:40px; line-height:40px; border-bottom: 1px solid #c9c9c9; color:#27ae60}
.service .hotline{ font-size: 22px; margin-top: 30px; text-align: center;}
.service .m{ background: url(service.png) no-repeat; height: 110px; width: 100px; margin: 20px auto 20px;}
.service .hotline em,.service p{ font-size: 14px; display: block;}

.content{ float: left; width: 980px; font-size: 16px;  min-height:450px;}
.content .titlename{ border-bottom: 1px solid #d8d8d8; line-height: 44px;}
.content h1{ font-size:22px; margin-top: 40px; line-height: 40px; text-align: center;  font-weight:bold; }
.content .pn{ padding:20px; overflow: hidden;}
.content .pn a{ display: block; padding: 7px 12px; background: #e5e5e5; border-radius: 3px; font-size: 14px; font-weight: bold; line-height: 20px;}
.content .pn a:hover{ background: #c5c5c5;}
.content .infobox{text-align: right; color: #888; font-size: 12px; line-height: 40px; padding: 0 20px;}
#article_content{ font-size: 14px;line-height: 1.8em; color: #575757; width:920px; margin:10px auto}

#article_content h3{ font-size:16px; font-weight:bold; background:#fafafa; line-height:2em; padding: 0 10px;  margin-top:20px;}
#article_content p{margin-top:1em;}
#article_content ul,#article_content ol{ padding:0 40px;}
.list-boxes{ padding:20px;}
.list-boxes li{ position: relative;}
.list-boxes li div{ position: absolute; width: 53px; left: 20px; font-size: 24px; margin-top:7px;}
.list-boxes span{ display: block; font-size: 14px; margin-left: -13px; margin-top: -6px;}
.list-boxes a{display: block; padding: 15px; padding-left: 80px; box-sizing: border-box;}
.list-boxes h2{font-size:16px; letter-spacing: 0.5px; font-weight: bold;}
.list-boxes a:hover{ background:#e8e9ef;}
.list-boxes p{font-size: 12px; color: #888;}

.pager{ padding:0  30px 30px 30px;}
.pager li{ display:inline-block; margin-left:5px; border:1px solid #d8d8d8;  border-radius: 3px; }
.pager li a,.pager li span{ color: #049240; display: block; padding: 5px 12px;  font-size:14px;}
.pager li span{background: #049240; color: #fff;}
#footer {

	padding:10px;

	color: #fff;

	background:#111;

	margin-top: 30px;

}
#footer a {
	color:#fff;
}
#footer a:hover{
	color: #27ae60;
}
#footer .copyright {
	padding:20px 0;
	line-height:24px;
	text-align:center;
}
#footer .wrap{ 

	width: 1180px; 

	margin: 0 auto; 

	overflow: hidden;

	border-bottom: 1px solid #888;

	padding: 20px 0;

}
#footer .col-links{  width: 110px;  margin-right: 110px; display: inline; float: left;}
#footer .col-links1{ width: 367px;  margin-right: 110px; display: inline; float: left; }
#footer .col-links2{ width: 228px; display: inline; float: left; }
#footer dt{ margin-bottom:5px; font-size: 16px; border-bottom: 1px solid #868686; line-height: 34px; height: 34px;}
#footer dd{ line-height: 28px;}
#footer .contact{ background: url(contact.png) center center no-repeat; height: 70px;}

.col-links2 dd{border: 1px solid #fff; height: 66px; width: 66px; border-radius: 100px; float: left; margin: 10px;}
.col-links2 dd a{ background: url(foot_icon.png) no-repeat; display: block; width: 66px; height: 66px; position: relative; cursor: pointer;}
.col-links2 dd.sina a:hover{ background:#808080 url(foot_icon.png); border-radius:100px;}
.col-links2 dd.weixin a{ background-position: -162px 0px;}
.col-links2 dd.weixin a:hover{ background:#808080 url(foot_icon.png) -162px 0px; border-radius:100px;}
.col-links2 .qrcode{ height: 190px; width: 190px;background: url(weixin.png) no-repeat; position: absolute; left: -56px; top: -190px;}

.ac_results ul {
	position:absolute;
	left:0;
	width:100%;
	z-index:120;
}
.ac_results li {
	cursor:pointer
  text-align:left;
	list-style:none;
	width:100%;
	padding:0.6em;
	background-color:#fff;
}
.ac_results li:hover {
	width:100%;
	background-color:#4bf;
	background:#97C82A;
	color:#fff;
.container .result_box{

	border-color: #ee5e00;

}